        <!-- jQuery 2.0.2 -->
        <link rel="stylesheet" type="text/css" href="collapse.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  		<!-- DATA TABES SCRIPT -->
        <script src="js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
        <script src="js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
        <script type="text/javascript" src="jquery.collapsible.min.js"></script>
        <script type="text/javascript" src="jquery.scrollToElement.js"></script>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
     	
       <!--                      <div class="box"> -->
     <!--                           <div class="box-header"> CABECERA DE CONTENIDO 
                                    <h3 class="box-title">Hover Data Table - Postulante</h3>                                    
                                </div><!-- /.box-header -->
                                
                <div class="box-body">
     
                
<div class="containDiv">
				<h4 class="collapseHeading">Accordion - Basic Animation</h4>
				<div id="third" class="collapse-container">
					<h1><span class="arrow-r"></span>First Heading</h1>
					<div class="" style="display: none;">
						<p>First Section</p>
					</div>
					<h2><span class="arrow-r"></span>Second Heading</h2>
					<div style="display: none;" class="">
						<p>First Section</p>
						<p>Second Section</p>
					</div>
					<h3><span class="arrow-r"></span>Third Heading</h3>
					<div style="display: none;" class="">
						<p>First Section</p>
						<p>Second Section</p>
					</div>
				</div>
			</div>

                         
  				<script>
  				$(function() {
  					$('#first').collapsible('accordion-open', {
  						contentOpen: 1
  					});
  					$('#second').collapsible('accordion', {
  						animate: false
  					});
  					$('#third').collapsible('accordion');
  					$('#fourth').collapsible('default-open');
  					$('#fifth').collapsible({
  						animate: false
  					});
  					$('#sixth').collapsible();
  					$('#howUseLink').scrollToElement(552);
  					$('#whatNeedLink').scrollToElement(315);
  					$('#whatIsLink').scrollToElement(187);
  					$('.title').scrollToElement('body');
  				});
  				</script>
                     
                       </div>
   
        <script type="text/javascript">
            $(document).ready((function() {
    //            $("#example1").dataTable();
                $('#example1').dataTable({
                    "bPaginate": true,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": true,
                    "bAutoWidth": false
                });
            }));
            


		
        </script>
        
        </body>